body {
    font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;
    font-weight: normal;
    /*font-size: 14px;*/
    /*line-height: 1.42858;*/
    /*color: #333;*/
    /*background-color: #fff;*/
    /*-webkit-font-smoothing: antialiased;*/

}
/** { touch-action: none; }*/

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover{
    color:#50a1ff;
}
a.portfolio-1,.btn{
    background-color:#50a1ff;
    border-color:#50a1ff;
}
.btn-outline.btn-primary {
    color: #50a1ff;
    border-color: #50a1ff;
}
.btn-outline.btn-primary:hover{
    background-color: #50a1ff;
    color:#fff;
    box-shadow: 0 2px 10px rgba(80,161,255,0.4)
}

a.btn:hover{
    background-color: #50a1ff;
    color:#fff;
}
.btn{
    cursor: pointer;
    color:#fff;
}
.text-white a:not(.btn):not(.dropdown-item) {
    color: rgba(255,255,255,1);
}
.btn-info:not([disabled]):not(.disabled).active,.page-item.active .page-link,.btn-outline.btn-info:hover{
    background-color:#50a1ff;
    border-color:#50a1ff;
}
.btn-info:hover {
    -webkit-box-shadow: 0 2px 10px rgba(183,140,74,0.4);
    box-shadow: 0 2px 10px rgba(183,140,74,0.4);
}
.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show>.btn-info.dropdown-toggle{
    background-color:#50a1ff;
    border-color:#50a1ff;
}
.form-control:focus{
    border-color:#50a1ff;
}
pre{
    border-left-color:#50a1ff;
}
.nav-navbar .nav-link:hover,
.nav-navbar .nav-link:focus,
.nav-navbar .nav-link.active,
.navbar.navbar-inverse .navbar-nav>.nav-item>.nav-link.active,
.navbar.navbar-inverse.navbar-sticky .navbar-nav>.nav-item>.nav-link.active,
.body-scrolled .navbar.navbar-inverse.navbar-sticky .navbar-nav>.nav-item>.nav-link.active,
.navbar-dark .nav-navbar>.nav-item.active>.nav-link,
.navbar-dark .nav-navbar>.nav-item>.nav-link.active,
.navbar-dark .nav-navbar>.nav-link.active,
.navbar-stick-dark.stick .nav-navbar>.nav-item.active>.nav-link,
.navbar-stick-dark.stick .nav-navbar>.nav-item>.nav-link.active,
.navbar-light .nav-navbar>.nav-item>.nav-link.active,
.navbar-stick-dark.stick .nav-navbar>.nav-link.active
{
    color:#50a1ff;
}
.navbar-stick-dark.stick .nav-download .nav-link,
.navbar-stick-dark.stick .nav-navbar>.nav-item>.nav-link{
    color: rgba(117,117,117,0.9);
}
/*.navbar-light .nav-download .nav-link,*/
.navbar-light .nav-navbar>.nav-item>.nav-link
{
    color: rgba(255,255,255,0.8);
}
.navbar-brand img{
    max-height: 50px;
}
.header-color{
    color:#50a1ff;
}
.slick-slider{
    top:90px;
}
.product-section{
    padding-top:90px;
    padding-bottom:90px;
}

.btn-outline.btn-info {
    color: #969696;
    background-color: transparent;
    border-color: #ddd;
    border-width: 1px 0 1px 0;
    border-style: dashed;
}
.navbar{
    border:none;
}
.nav-navbar .nav-item{
    display: list-item;
}
.nav-navbar .nav-item .nav-link{
    opacity:1;
    font-size:.9rem;
    padding:2px 12px;
    letter-spacing:1px;
}
.navbar-nav .nav-item .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link.active{
    color:#50a1ff;
}
.product-title{
    text-align: center;
    margin-bottom:5rem;
}
.nav-vertical .nav-link.active{
    background-color:#50a1ff;

}
.nav-vertical .nav-link.active h6{
    color:#fff;
}
.nav-vertical .nav-link{
    padding:10px;
    cursor: pointer;
}
.nav-vertical .nav-link h6{
    margin-bottom:0;
}
.about-content{
    border-left:1px solid #eee;
}
.team-2 img{
    border-radius: 2px;
}
.news-list,.news-details{
    margin-bottom:30px;
    padding:0 20px;
    background-color: #f8f8f8;
}
.feature-image img{
    width: 100%;
}
.feature-news{
    padding:20px 10px;
}
.feature-time{
    color:#50a1ff;
}
.details-title{
    padding:20px 10px;
    border-bottom:1px dashed #eaeaea;
}
.pagination{
    margin-top:40px;
}
.several{
    background-color: pink;
}
.p-news .card{
    margin-bottom:30px;
}
/*.p-news .card>div>div{*/
/*padding:20px;*/
/*}*/
.nav-phone{
    padding:0 0 0 40px;
}
.nav-phone img{
    width: 80%;
    max-width: 100%;
}
.navbar-toggler{
    align-self:center;
}
@media (max-width: 991px){
    .navbar-expand-md .navbar-nav .nav-item+.nav-phone{
        border-top:1px solid #eee;
        text-align: center;
        align-items: center;
        padding:20px 0;
    }
    .product-section{
        margin-top:90px;
    }
    .about-content {
        border-left: none;
        border-top:1px solid #eee;
        padding-top:20px;
    }
    /*.pure-slider{*/
    /*display: none;*/
    /*}*/
}
.portfolio-1::before{
    background-color:#50a1ff;
}
.row.gap-5>.col, .row.gap-5>[class*="col-"] {
    padding-left: 30px;
}
/*doc*/
.main-content{
    position: relative;
}
.sidebar{
    padding:50px 20px;
}

.sidebar .nav-item{
    display: inline-block;
}
.sidebar-stick-shadow.stick:not(.is-mobile-wide) {
    -webkit-box-shadow: 3px 0 5px rgba(0,0,0,0.015);
    box-shadow: 3px 0 5px rgba(0,0,0,0.015);
}
.doc-content{
    padding:50px 40px;
}
.doc-main table td,.doc-main table th{
    border:1px solid #ddd;
    padding:0.5rem;
    line-height: 1.6rem;
}
/*.sidebar-sticky{*/
/*-webkit-box-shadow: 3px 0 5px rgba(0,0,0,0.015);*/
/*box-shadow: 3px 0 5px rgba(0,0,0,0.015);*/
/*position: absolute;*/
/*top: 0;*/
/*}*/
.sidebar-sticky.stick:not(.is-mobile-wide) {
    position: fixed;
    top: 0;
}
/*index*/
[data-type].text-primary+.typed-cursor,.text-primary,[data-type].text-primary+.typed-cursor, .text-primary{
    color:#50a1ff!important;
}
.btn-primary, .btn-primary:hover {
    background-color: #50a1ff;
    border-color: #50a1ff;
}
.nav-sidebar .nav-link.active ,.nav-sidebar .nav-item>.nav-link.active{
    color: #50a1ff;
}
.sidebar{
    height: 100%;
    /*-webkit-box-shadow: 3px 0 5px rgba(0,0,0,0.015);*/
    /*box-shadow: 3px 0 5px rgba(0,0,0,0.015);*/
}
.nav-sidebar{
    height: 100%;
}
.reply{
    text-align: right;
    padding:10px 0 0 0;
}
.reply a{
    color:#50a1ff;
}
.template-background{
    background-color: #4e4376;
    position: absolute;
    top: 0;
    left: 0;
    height: 15rem;
    width: 100%;
}
.card-text{
    font-size:14px;
    line-height: 1.4rem;
    color:#999;
}
.card-title{
    font-weight: 400;
}
.faq .accordion .card-title a::before {
    border:none;
    width: auto;
    height: auto;
}
.faq .accordion .card-title a::before{
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.faq .accordion .card-title a.collapsed::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.plugin-author{
    margin-left:20px;
}
.price{
    font-weight: normal;
    color:#333;
}
.nav-sidebar-hero>.nav-item>.nav-link{
    font-size:1rem;
    color:#535353;
}
.nav-sidebar-hero .nav-link{
    font-weight: 400;
    font-size:0.9rem;
}

.club-tab{
    margin:30px 0;
}
.club-tab .nav-link{
    padding:0.5rem 1rem;
}
.club-tab .nav-link.active{
    color:#31708f ;
    border-color: #31708f;
}
.club-view,.club-answer{
    text-align: center;
    line-height: 1.6em;
    padding-top:0.2rem;
    font-size:12px;
}
.club-view span,.club-answer span{
    font-weight: bold;
    font-size:14px;
}
.club-view p,.club-answer p{
    margin-bottom:0.2rem;
}

.club-view{
    color:#999;
}
.club-answer{
    background-color:#d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}
.club-label{
    padding:2px 5px;
    background-color:#d9edf7;
    color: #31708f;
    font-size:12px;
    font-weight: normal;
}
.club-card{
    border-bottom:1px solid #eee;
    background: none;
}
.club-card .card-block p{
    margin-bottom:0.2rem;
}
.club-card .card-block{
    padding:15px;
}

.jp-comment{
    padding:2rem 0.3rem;
    border-top:1px solid #eee;
}
.section-white{
    padding-top:40px;
    padding-bottom:40px;
}
.club-title{
    position: relative;
}
.btn-post{
    position: absolute;
    right:10px;
    top:0;
    padding:4px 26px;
}
.club-form{
    margin:30px 0;
}
.post-content{
    padding:1rem 0.3rem;
}
.post-title{
    padding:0 0 10px 0;
    border-bottom:1px solid #eee;
}
.post-tag{
    color:#999;
    font-size:12px;
    list-style: none;
    padding-left:0;
}
.post-tag li{
    display: inline-block;
    margin-right:10px;
}
.post-main{
    padding:30px 0;
    word-wrap:break-word;
}
.author-title .media-body p{
    line-height: 1em;
    margin-bottom:0.3rem;
}
.author-title .media-body{
    line-height: 1.2em;
}

.club-post .media{
    border:none;
    float: right;
}
.club-post{
    border-top:1px solid #eee;
    padding-top:20px;
    word-wrap:break-word;
}
.club-reply{
    margin-left:30px;
}
.club-reply a{
    color:#999;
}
.comment-title{
    padding-bottom:20px;
}
/*.label-vip{*/
/*font-size: 12px;*/
/*line-height: 1.34;*/
/*white-space: nowrap;*/
/*padding: 1px 6px;*/
/*margin: 0 5px 0 0;*/
/*display: inline-block;*/
/*vertical-align: text-bottom;*/
/*background: transparent;*/
/*border-radius: 2px;*/
/*border: 1px solid rgba(210,191,134,0.5) !important;*/
/*color: #C19A26 !important;*/
/*font-weight: 500 !important;*/
/*background: linear-gradient(to right, rgba(253,235,144,0.5), rgba(238,218,160,0.5)) !important;*/
/*background: -webkit-linear-gradient(to right, rgba(253,235,144,0.5), rgba(238,218,160,0.5)) !important;*/
/*background: -o-linear-gradient(to right, rgba(253,235,144,0.5), rgba(238,218,160,0.5)) !important;*/
/*background: -moz-linear-gradient(to right, rgba(253,235,144,0.5), rgba(238,218,160,0.5)) !important;*/
/*}*/
/*a.label-vip:hover{*/
/*transition: background 0.1s ease;*/
/*-webkit-transition: background 0.1s ease;*/
/*-o-transition: background 0.1s ease;*/
/*-moz-transition: background 0.1s ease;*/
/*text-transform: none;*/
/*}*/
.label-vip2 img{
    width: 30px;
    margin:-0.3rem 0 0 0.2rem;
}
.index-plugin{
    display: inline-block;
}
.index-plugin .card{
    cursor: pointer;
}
.index-plugin p{
    color:#666;
}
.course-main{
    display: inline-block;
    position: relative;
}
.badge-vip{
    display: inline-block;
    position: absolute;
    top:0.2rem;
    right: 0.2rem;
    z-index: 100;
    opacity: 1;
}
.badge-vip img{
    width: 3rem
}
.play-icon{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content:center;
    color:#fff;
    opacity: 1;

}
.play-bg{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 98;
    background-color: #2b5876;
    opacity: 0.3;
}
.list-bottom{
    padding:1rem;
    text-align: center;
}
.list-bottom p{
    margin-bottom:0;
}
.course-details{
    background-color: #fff;
    position: relative;
}
.details-play-icon{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content:center;
    color:#2b5876;
}
.course-title{
    border-bottom:1px solid #eee;
    padding:1rem 0;
}
.user-body .btn-circle{
    padding: 0;
    border-radius: 10rem;
}
.form-control{
    color:#333;
}
.artical-title h1{
    font-size:1.8rem;

}
.artical-title{
    border-bottom:1px solid #eee;
    margin-bottom: 3rem;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.53125rem + 2px);
}
.verification{
    display: flex;
    justify-content:flex-end;
    margin-bottom:1rem;
    height: 40px;

}

.verification input{
    border:1px solid #e8e8e8;
    padding:0 0.5rem;
    height: 40px;
    line-height: 40px;
    width: 15rem;
    box-sizing: border-box;
}
.verification input:focus {
    border-color:#50a1ff;
    outline: none;
}
.verification-code img{
    height: 40px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    cursor: pointer;
    margin-top:-2px;
}
.verification-btn .btn{
    height: 40px;
    line-height: 40px;
    padding-top:0;
    padding-bottom:0;
    margin-top:-2px;
}
.nav-download{
    margin-left:5rem;
    align-items: center;

}
.nav-download a{
    line-height:20px;
}
.nav-download .nav-link{
    margin-right:1rem;
}
.nav-download .dropdown{
    margin-right:1rem;
}
.nav-download .dropdown-menu{
    margin-top:15px;
}
@media (max-width: 767px){
    .nav-download{
        margin-left:0;
    }
    .download-text{
        text-align: center;
        padding-top:3rem;
    }
    .verification{
        display: inherit;
        margin-bottom:1rem;
        height: auto;
    }
    .verification-btn .btn{
        height: 40px;
        line-height: 40px;
        width: 100%;
        margin-top:1rem;
    }
    .verification-code img {
        margin-top:0;
    }
    .verification-code{
        display: flex;
    }
    .btn-post{
        /*display: none;*/
        top:35px;
    }


}

.club-hot a{
    color: #535353;
    font-size:14px;
}
.club-hot li{
    display: flex;
    padding:0.5rem 0;
    line-height: 1.2em;
}
.sidebar-title{
    font-size:1em;
    border-bottom: 1px solid #eeeeee;
}
.template-title{
    height:1rem;
    overflow: hidden;
}
.right-icon{
    color:#50a1ff;
    margin-right:0.5rem;
}
.feature-size p{
    font-size:14px;
    line-height: 1.4rem;
    color:#999;
}
.feature-size h5{
    margin-bottom:1rem;
}
.jpress-download a{
    display: inline-block;
    background-color: #000;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:#fff;
    padding:0 1rem;
    border-radius: 2px;
}
.contact-image{
    border-radius: 10px;
}
.about-find{
    font-size:16px;
    line-height: 1.6rem;
    color:#999;
}
.no-vip{
    width: 100%;
    text-align: center;
    border:1px solid #e8e8e8;
    margin-bottom:3rem;
    padding:2rem;
}
.no-vip img{
    width: 50%;
    max-width: 100%;

}
/*sale*/
.product-price{
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding-right: 1rem;
    white-space: nowrap;
}
.product-price s{
    color: #999;
    margin-right: 1rem;
    font-size: 65%;
}

.product-price strong{
    color: #999;
    margin-right: 1rem;
    font-size: 65%;
}
.badge-pos-right{
    padding:3px 10px;
    z-index: 1;
    font-size: 12px;
    vertical-align: middle;
}

.salesad{
    position: fixed;
    top:5rem;
    left:50%;
    margin-left:-300px;
    z-index: 99999;
}
.salesad img{
    max-width: 600px;
}
@media (max-width: 767px){
.jp-version{
    text-align: center;
}
}